<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>在线信息</title>
    <link href="../../../static/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="../../../static/css/select.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="../../../static/js/jquery.js"></script>
    <script type="text/javascript" src="../../../static/js/jquery.idTabs.min.js"></script>
    <script type="text/javascript" src="../../../static/js/select-ui.min.js"></script>
    <script type="text/javascript" src="../../../static/editor/kindeditor.js"></script>
    <script type="text/javascript" src="../../../static/js/vue.js"></script>
    <script type="text/javascript" src="../../../static/js/axios.min.js"></script>
    <script type="text/javascript">
        function addDraft(){
            window.location.href="addDraft.html"
        }
    </script>
</head>
<body>
<div class="place">
    <span>位置：</span>
    <ul class="placeul">
        <li><a href="#">在线信息</a></li>
        <li><a href="#">草稿箱</a></li>
    </ul>
</div>
<div class="rightinfo" id="app">

    <ul class="prosearch">
        <li>
            <label>查询：</label><i>留言简介</i>
            <a>
                <input name="messageIntro" type="text" class="scinput"/>
            </a>
           <i>发送人</i>
            <a>
                <input name="sender" type="text" class="scinput"/>
            </a>
         <i>收件人</i>
            <a>
                <input name="accept" type="text" class="scinput"/>
            </a>

        </li>
        <a>
            <input name="" type="button" class="sure" value="查询" @click="getByCondition"/>
            <input name="" type="button" class="sure" value="新增" onclick="addDraft()"/>
        </a>
    </ul>
    <div class="formtitle1"><span>全部留言</span></div>

    <table class="tablelist">
        <thead>
        <tr>
            <th>
                <input name="" type="checkbox" value="" checked="checked"/>
            </th>
            <th>留言简介</th>
            <th>创建人</th>
            <th>发送人</th>
            <th>收件人</th>
            <th>创建时间</th>
<!--            <th>留言</th>-->
            <th>操作</th>

        </tr>
        </thead>
        <tbody>
        <tr v-for="one in messages">
            <td>
                <input name="" type="checkbox" value=""/>
            </td>
            <td>{{one.title}}</td>
            <td>{{one.sender}}</td>
            <td>{{one.sender}}</td>
            <td>{{one.receiver}}</td>
            <td>{{one.createdTime}}</td>
<!--            <td>{{one.onlinueMessage}}</td>-->
            <td>
                <a href="#"  class="tablelink"  @click="getOne(one.informationId)">查看</a>
                <a  href="#"  class="tablelink" @click="updateMessage(one.informationId)">修改</a>
                <a href="#" class="tablelink click" @click="delectCheck(one.informationId)"> 删除</a>
            </td>
        </tr>
        </tbody>
    </table>
    <div class="pagin">
        <div class="message">共<i class="blue">{{pageModel.totalRows}}</i>条记录，当前显示第&nbsp;<i class="blue">{{pageModel.pageNum}}&nbsp;</i>页
        </div>
        <ul class="paginList">
            <li class="paginItem"><a href="javascript:;">
                <span class="pagepre failure1" v-if="pageModel.firstPage" style="pointer-events:none;color:grey;"></span>
                <span class="pagepre2" @click="clickPageModel(pageModel.pageNum-1)" v-else></span></a></li>
            <li class="paginItem">
                <div style="display: inline-block" v-show="pageModel.navigatepageNums[0]>2">
                    <a href="javascript:;" @click="clickPageModel(1)">1</a>
                    <a href="javascript:;">...</a></div>
                <div style="display: inline-block" v-for="num in pageModel.navigatepageNums">
                    <a href="javascript:;" v-if="pageModel.pageNum===num" class="failure2">{{num}}</a>
                    <a href="javascript:;" @click="clickPageModel(num)" v-else>{{num}}</a></div>
                <div style="display: inline-block" v-show="pageModel.navigatepageLength">
                    <a href="javascript:;">...</a>
                    <a href="javascript:;" @click="clickPageModel(pageModel.totalPage)">{{pageModel.totalPage}}</a>
                </div>
            </li>
            <li class="paginItem"><a href="javascript:;">
                <span class="pagenxt2" v-if="pageModel.lastPage"></span>
                <span class="pagenxt" @click="clickPageModel(pageModel.pageNum+1)" v-else></span>
            </a></li>
        </ul>
    </div>

    <div class="tip">
        <div class="tiptop" ><span>提示信息</span>
            <a></a>
        </div>

        <div class="tipinfo">
            <span><img src="../../../static/images/ticon.png" /></span>
            <div class="tipright">
                <p>是否确认对信息的修改 ？</p>
                <cite>如果是请点击确定按钮 ，否则请点取消。</cite>
            </div>
        </div>

        <div class="tipbtn">
            <input name="" type="button" class="sure" value="确定"  @click="delectCheck2"/>&nbsp;
            <input name="" type="button" class="cancel" value="取消" />
        </div>

    </div>

</div>
<script type="text/javascript">
    $('.tablelist tbody tr:odd').addClass('odd');
    $(".tiptop a").click(function () {
        $(".tip").fadeOut(200);
    });
    $(".sure").click(function () {

        $(".tip").fadeOut(100);
    });

    $(".cancel").click(function () {
        $(".tip").fadeOut(100);
    });
</script>
<script type="text/javascript" src="../../../static/js/onlineInformation/draftBox/DraftBoxList.js"></script>


</body>
</html>


